<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
	<head>
		<base href="<%=basePath%>">
		<title>用户管理-列表</title>
		
		<script type="text/javascript" src="pages/system/user/js/userlist.js"></script>
	</head>
	<body>
		<div class="row">
	        <div class="col-xs-12">
	            <div class="card">
	                <div class="card-header">
	                    <div class="card-title" style="width: 100%;">
	                    	<div class="title pull-left" style="line-height: 40px;">用户列表</div>
	                    	<button class="btn btn-sm btn-info pull-right" id="createUser">创建用户</button>
	                    </div>
	                </div>
	                <div class="card-body">
	                    <table id="userTable" class="datatable table table-striped" cellspacing="0" width="100%">
	                        
	                    </table>
	                </div>
	            </div>
	        </div>
	    </div>
	    
	    <!-- userinfo Modal -->
		<div id="userinfo-modal" class="modal fade" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">创建用户</h4>
					</div>
					<div class="modal-body">
						
						<form id="userinfo-form" class="form-horizontal">
						
						  <div class="form-group">
						    <label for="username" class="col-md-2 control-label">用户名</label>
						    <div class="col-md-6">
						      <input type="text" class="form-control info-input" id="username" name="username" placeholder="请输入5-20位由英文、数字、“_”组成的用户名" >
						    </div>
						    <label id="username-label" class="col-md-4 info-label"></label>
						  </div>
						  
						</form>
						
						
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button id="userinfo-save-btn" type="button" class="btn btn-primary">创建</button>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>